.messageNav{width: 100%;height: 45px;border-bottom: 1px solid #ccc;display: flex;justify-content: space-between;align-items: center;
}
.messageNav>div:nth-child(1){width: 120px;height: 25px;display: flex;margin-left: 35px;
}
.messageNav>div:nth-child(1) img{width: 25px;height: 25px;
}
.messageNav>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT{width: 220px;display: flex;align-items: center;
}
.userNavT>div:nth-child(1){display: flex;
}
.userNavT>div:nth-child(1) img{width: 20px;height: 20px;margin-top: 3px;
}
.userNavT>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT>div:nth-child(2){color: #888;font-size: 14px;cursor: pointer;
}
    .message {position: relative;
    }
    .harnDeta {width: 100%;display: flex;justify-content: center;flex-wrap: wrap;
    }
    .harnNav {height: 55px;background-color: #fff;width: 95%;margin-top: 40px;border-top-left-radius: 5px;border-top-right-radius: 5px;display: flex;justify-content: space-between;border-bottom: 1px solid #8492a6;overflow: hidden;align-items: center;border: 1px solid #efefef;border-top: 2px solid #3c8dbc;border-bottom: 1px solid #8492a6;
    }
    .add {line-height: 32px;width: 65px;height: 33px;margin-right: 40px;text-align: center;background-color: #fafafa;color: #000;font-size: 13px;border: 1px solid #ddd;border-radius: 3px;cursor: pointer;display: flex;align-items: center;justify-content: center;
    }
    .add span{font-size: 12px;margin-right: 5px;}
    .detail {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;min-height: 500px;background-color: #fff;width: 95%;border: 1px solid #efefef;
    }
    .detail>ul>li {display: flex;height: 45px;text-align: center;line-height: 45px;
    }
    .detail>ul .dataLi>div:nth-child(1) {width: 15%;overflow: hidden;
    }
    .detail>ul>li>div:nth-child(2) {width: 20%;
    }
    .detail>ul>li>div:nth-child(3) {width: 40%;overflow: hidden;
    }
    .detail>ul>li>div:nth-child(4) {width: 15%;overflow: hidden;
    }
    .detail>ul .dataLi>div:nth-child(3) {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 5px;padding-right: 5px;
    }
    .detail>ul>li>div {
    }
    .dataLi .imgLi {display: flex;justify-content: center;align-items: center;position: relative;
    }
    .dataLi .imgLi>img{width: 35px;height: 35px;border: 1px solid #ddd;border-radius: 3px;cursor: pointer;
    }
    .bgImgLi{position: absolute;top: -120px;right: -230px;width: 320px;height: 120px;border: 1px solid #ccc;z-index: 1000;border-radius: 5px;display:none;}
    .bgImgLi>img{width: 100%;height: 100%;}
    .dataLi .imgLi>img:hover + .bgImgLi{display:block;}
    .detail>ul>li .delHarn {width: 10%;}
    .detail>ul>li .delHarn .elbut {font-size: 14px;color: #666;border: 1px solid #ddd;padding: 5px 5px;border-radius: 3px;
    }
    .elbut span{font-size: 12px;margin-right: 3px;}
    .detail>ul>li div{border-left: 1px solid #ddd;}
    .detail>ul>li div:nth-child(5){border-right: 1px solid #ddd;overflow: hidden;
    }
    .firstLi {border-bottom: 1px solid #8492a6;font-size: 15px;font-weight: 600;color: #000;background-color: rgb(245, 245, 245);
    }
    .firstLi>div:nth-child(1) {width: 15%;
    }
    .dataLi {border-bottom: 1px solid #ddd;color: #000;font-size: 14px;
    }
    .dataLi:hover {background-color: rgb(245, 245, 245);
    }
    .detail>ul .lastLi {display: flex;justify-content: space-between;border-top: 1px solid #8492a6;align-items: center;height: 55px;
    }
    .detail>ul .lastLi div{border: 0;}
    .lastLi .lastSel {width: 530px;height: 35px;margin-top: 3px;
    }
    .lastLi .lastPag {width: 50px;height: 35px;margin-top: 5px;
    }
    .detail>ul .nullLi>div{width: 100%;text-align: center;}
    /*添加弹出框*/
    .slide-fade-enter-active {transition: all 0.7s ease;
    }
    .slide-fade-enter,
    .slide-fade-leave-active {transform: translateY(-30px);opacity: 0;
    }
    .addPopup {z-index: 1;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);
    }
    .addMain {margin: calc((100vh - 425px) / 2) auto;height: 420px;background-color: #fff;border-radius: 8px;border: 1px solid #8492a6;overflow: hidden;
    }
    .addMain .promptC {color: red;text-align: center;line-height: 55px;height: 20px;height: 50px;
    }
    .addMain>div:nth-child(1) {position: relative;height: 60px;overflow: hidden;
    }
    .addMain>div:nth-child(1) h2 {margin: 0;padding: 0;line-height: 60px;text-align: center;color: #324057;
    }
    .addMain>div:nth-child(1) .calladd {margin: 0;position: absolute;top: 15px;right: 15px;width: 16px;height: 17px;cursor: pointer;
    }
    .addMain>div:nth-child(1) .calladd img {width: 100%;height: 100%;
    }
    .addSide {margin-top: 15px;min-height: 55px;width: 100%;display: flex;
    }
    .addSide small {color: red;font-size: 14px;margin-right: 5px;
    }
    .addSideS {display: flex;align-items: center;
    }
    .addSide>div:nth-child(1) {width: 150px;text-align: center;font-size: 16px;color: #000;line-height: 55px;overflow: hidden;
    }
    .addSide>div:nth-child(2) {width: calc((100% - 155px));overflow: hidden;
    }
    .addSideS input {width: 90%;height: 35px;border: 1px solid #8492a6;border-radius: 5px;padding-left: 5px;font-size: 14px;
    }
    .addSideS textarea {width: 90%;height: 135px;border: 1px solid #8492a6;border-radius: 5px;padding-left: 5px;font-size: 14px;
    }
    .operate {height: 80px;display: flex;justify-content: flex-end;align-items: center;border-top: 1px solid #ccc;
    }
    .operate button {cursor: pointer;width: 80px;height: 35px;color: #fff;font-size: 15px;border: 1px solid #eff2f7;border-radius: 3px;
    }
    .operate button:nth-child(1) {background-color: #13ce66;margin-right: 20px;
    }
    .operate button:nth-child(2) {background-color: #ff4949;margin-right: 40px;
    }
    .showAdd {display: none;
    }
